<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app"></div>
</body>
<script src="../../js/vue.js"></script>
<script type="text/javascript">
    var myMixin = {
        data(){
            return {
                isOpen: false,
                date: '2020-02-02',
                desc: {
                    title: 'Mixins 基础教程',
                    desc: '本教程将讲解如何使用 mixins',
                    author: {
                        name: '慕课网',
                        location: '北京'
                    }
                }
            }
        }
    };
    var vm = new Vue({
        el: '#app',
        mixins:[myMixin],
        data() {
            return {
                isOpen: true,
                date: new Date().toLocaleString(),
                desc: {
                    author: {
                        name: 'Imooc',
                        age: '20'
                    }
                }
            }
        },
        created() {
            console.log(this.data)
        }
    })
</script>
</html>
